<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>我的网站</title>
	<style type="text/css">
		body{
			background-image: url(img/5.JPG);background-repeat: repeat;
		}
	<style>
	//div{
		//transition:all .5s;
	//}
  
    img:hover{
        transform:scale(1.1);
        overflow:hidden;
        transition:all .5s;
    }
	
	* { margin: 0; padding: 0;}
	a{color:ghostwhite;text-decoration: none;font-size:26px;}
	a:hover{color: #FF0000;}
	h1{font-size:58px;color:lightgoldenrodyellow}
	.mytitle{text-align: center;}
	#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
	#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
	#dowebok li img { width: 80%;}
	#dowebok li .dt { width: 100%;text-align: center;}
	#dowebok li{list-style-type: none;}
	</style>
	</head>
	<body>
       
		<h1 class="mytitle"><strong>欢迎浏览 219970107胡毅 个人网站</strong></h1>
		<ul id="dowebok">
			<li>
				<div><a href="zy1/zy1.html"><img data-original="img/tibet-1.jpg" src="img/lan.JPG" alt="图片1"></div>
				<div class="dt">作品1：程序打印图形</a></div>
			</li>
			<li>
				<div><a href="zy2/zy2.html"><img data-original="img/tibet-2.jpg" src="img/xi.JPG" alt="图片2"></div>
				<div class="dt">作品2：javascript图形打印</a></div>
			</li>
			<li>
				<div><a href="zy3/zy3.html"><img data-original="img/tibet-2.jpg" src="img/nuan.JPG" alt="图片2"></div>
				<div class="dt">作品3：DOM图片操作</a></div>
			</li>
            <li>
				<div><a href="zy4/zy4.html"><img data-original="img/tibet-2.jpg" src="img/mei.JPG" alt="图片2"></div>
				<div class="dt">作品4：DOM-练习</a></div>
			</li>
            <li>
				<div><a href="zy5/zy5.html"><img data-original="img/tibet-2.jpg" src="img/hui.JPG" alt="图片2"></div>
				<div class="dt">作品5：让坦克开起来</a></div>
			</li>
            <li>
				<div><a href="zy6/zy6.html"><img data-original="img/tibet-2.jpg" src="img/hong.JPG" alt="图片2"></div>
				<div class="dt">作品6：jquery游戏角色</a></div>
			</li>
            <li>
				<div><a href="zy7/zy7.html"><img data-original="img/tibet-2.jpg" src="img/huihui.JPG" alt="图片2"></div>
				<div class="dt">作品7：用户注册</a></div>
			</li>
            <li>
				<div><a href="zy8/zy8.html"><img data-original="img/tibet-2.jpg" src="img/man.JPG" alt="图片2"></div>
				<div class="dt">作品8：选择jquery demo制作</a></div>
			</li>
            <li>
				<div><a href="zy9/zy9.html"><img data-original="img/tibet-2.jpg" src="img/jiao.JPG" alt="图片2"></div>
				<div class="dt">作品9：ajax判断用户名是否存在</a></div>
			</li>
            <li>
				<div><a href="zy10/zy10.html"><img data-original="img/tibet-2.jpg" src="img/fei.JPG" alt="图片2"></div>
				<div class="dt">作品10：web页面广告实验</a></div>
			</li>
            <li>
				<div><a href="zy11/zy11.html"><img data-original="img/tibet-2.jpg" src="img/7.JPG" alt="图片2"></div>
				<div class="dt">作品11：Vue搭建</a></div>
			</li>
             <li>
				<div><a href="zy14/zy14.html"><img data-original="img/tibet-2.jpg" src="img/6.JPG" alt="图片2"></div>
				<div class="dt">作品12：Vue实现Xiaomi手机展示</a></div>
			</li>
             <li>
				<div><a href="zy13/zy13.html"><img data-original="img/tibet-2.jpg" src="img/6.JPG" alt="图片2"></div>
				<div class="dt">作品13：Vue实现Xiaomi登录界面</a></div>
			</li>
             <li>
				<div><a href="zy15/zy15.html"><img data-original="img/tibet-2.jpg" src="img/6.JPG" alt="图片2"></div>
				<div class="dt">作品14：Vue实现Xiaomi购物车界面</a></div>
			</li>
            <li>
				<div><a href="zy16/zy16.html"><img data-original="img/tibet-2.jpg" src="img/6.JPG" alt="图片2"></div>
				<div class="dt">作品15：Vue实现Todolist清单</a></div>
			</li>
	</body>
	</html>